<template>
  <div>
    <tabbar>
      <tabbaritem path="/home" isActivcolor="blue">
        <template #icon>
          <van-icon name="like-o" size="1.5rem"/>
        </template>
        <template #text> 首页 </template>
      </tabbaritem>
      <tabbaritem  path="/goods" isActivcolor="blue">
        <template #icon>
          <van-icon name="cart-o" size="1.5rem"/>
        </template>
        <template #text> 商品 </template>
      </tabbaritem>
      <tabbaritem path="/carts" isActivcolor="blue">
        <template #icon>
          <van-icon name="more-o" size="1.5rem"/>
        </template>
        <template #text> 消息 </template>
      </tabbaritem>
      <tabbaritem path="/mine" isActivcolor="blue">
        <template #icon>
          <van-icon name="friends-o" size="1.5rem" />
        </template>
        <template #text> 我的 </template>
      </tabbaritem>
    </tabbar>
  </div>
</template>
<script>
import Tabbar from "../../common/tabbar/tabbar.vue";
import Tabbaritem from "../../common/tabbar/tabbaritem.vue";
export default {
  name: "maintabb",
  components: {
    Tabbar,
    Tabbaritem,
  },
  methods: {},
};
</script>

<style>
</style>